<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>

	<title><$temp_title$></title>

	<!-- FAVICON -->
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>

	<!-- STYLE -->
	<link rel="stylesheet" href="style/imports.css" type="text/css" />
	<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="style/css/style.css" type="text/css" />
	<script src="libs/jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="libs/bootstrap/js/bootstrap.js"></script>
	
	<script>
		$(function () {
			$('.tip a').tooltip();
			$('#meteo, #loc').popover({
				html : true,
				content: function() {
					return $('#popover_content_wrapper').html();
				}
			});
		});
	</script>
</head>
<body background="img/sfondo2.png">
	
	<div class="row-fluid">
		
            <div class="col-md-9">
                <iframe name="main" src="<$temp_locfile$>" id="main" frameborder="0"></iframe>
            </div>
		
            <div class="col-md-2" id="main-lateral">
		
		<a href="#" id="loc" class="thumbnail" data-placement="left" data-content="<p>Isola completamente circondata dal mare che cristallino bagna le Tre terre di cui essa &egrave; formata: le Terre Splendenti, le Terre d'Equilibrio ed infine le Terre Esterne. Esse, insieme alle Razze che ospitano, formano la Grande isola di Spiria con le sue foreste, spiagge e luoghi incantevoli quanto bui.</p>" data-original-title="Descrizione">
                    <img src="<$temp_locimg$>" alt="<$temp_locname$>" class="img_full" />
		</a>
			
		<$temp_calendar$>
			
		<br />
		<br />
			
		<a href="#" id="meteo" data-toggle="popover" data-placement="left" data-content="<p><img src='style/imgs/meteo/visibilita/Visibile.png' /> Ottima visibilit&agrave;</p><p><img src='style/imgs/meteo/vento/vento.png' /> Vento debole</p></p><p><img src='style/imgs/meteo/mare/mare.png' /> Mare calmo</p><p><img src='style/imgs/meteo/luna/luna_piena.png' /> Gibbosa Calante</p>" data-original-title="Dettagli Meteo">
                    <span class="text-danger">Max: 18</span> - <span class="text-primary">Min: 9</span>		
                    <img src="style/imgs/meteo/condizioni/sereno.png" />
                    <br />
                    <small>Leva: 17.52 - Cala: 08.04</small>
                    <br />
                    <small>Alba: 07.37 - Tramonto: 16.32</small>
		</a>
			
		<ul class="nav nav-tabs" id="nav_online">
                    <li class="active" title="Presenti"><a href="#onlocuser" data-toggle="tab"><img src="img/presenti.png" border="0" alt="Presenti" onMouseOver="this.src='img/presenti1.gif';" onMouseOut="this.src='img/presenti.png';" title="Presenti"></a></li>
                    <li><a href="#active" data-toggle="tab"><img src="img/chat.png" border="0" alt="In Chat" onMouseOver="this.src='img/chat1.gif';" onMouseOut="this.src='img/chat.png';" title="In Chat"></a></li>
                    <li><a href="#logs" data-toggle="tab"><img src="img/ingressi.png" border="0" alt="Entrate e Uscite" onMouseOver="this.src='img/ingressi1.gif';" onMouseOut="this.src='img/ingressi.png';" title="Ingressi e Uscite"></a></li>
		</ul>
			
		<div class="tab-content" id="lists_online">
                    <div class="tab-pane active" id="onlocuser">
                        <iframe name="refresh" src="refresh.php?loc=<$temp_locid$>" id="iframe-listsOnline" class="col-md-12" frameborder="0"></iframe>
                    </div>
                    <div class="tab-pane" id="logs">
  			<iframe name="userlogs" src="userlogs.php" class="col-md-12" frameborder="0"></iframe>
                    </div>
		</div>
		<div class="text-danger" id="num_online">
                    <p> 1 Cittadino Presente </p>
		</div>
            </div>
            
            <div class="col-md-1" id="navigation-game">
                <ul id="navbar-main-game">
                    <$temp_menu$>
                </ul>	
            </div>
	</div>

</body>
</html>